<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.11.min.js"></script>
    <script>
        $(function () {
            $('input[name=food]').blur(function () {
                var f = $(this).val();
                $.ajax({
                    url : './canguan.php',
                    type:'get',
                    data:{food : f},
                    //指定php返回的数据类型
                    dataType:'html',
                    success:function(phpData){
                        $('#msg').html(phpData);
                    }

                })
            })
        })
    </script>
</head>
<body>
订餐:
<input type="text" name="food" id=""><span id="msg"></span>
</body>
</html>